// 此文件定义全局的参数

// 标题栏总高度
@headerHeight: 48px;

// 菜单的z-index
@menuZIndex: 10000;

/*包含此class的元素，不展示滚动条（但是不限制滚动）*/
.noShowScroll {
  // 针对火狐浏览器
  scrollbar-width: none !important;

  /*定义滚动条高宽及背景*/
  &::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
  }
  /*滚动条的滚动区域（轨道）*/
  &::-webkit-scrollbar-track {
    background-color: transparent;
  }
  /*滚动条的可拖拽部分（滑块）*/
  &::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
}

// 包含此class的元素，其内容不可被鼠标选中
.noSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

// 顺时针旋转
.rightTurn {
  animation: rightTurn 1s linear 0s infinite normal forwards;
}

@keyframes rightTurn {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
